<template>
  <div class="exam-item">
    <div class="exam-title">
      <slot name="title"></slot>
    </div>
    <div class="exam-action">
      <slot name="action">
        <button class="enter-exam">进入考试 ></button>
      </slot>
    </div>
  </div>
</template>

<style scoped>
.exam-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}

.exam-title {
  flex: 1;
  font-size: 14px;
  color: #333;
}

.enter-exam {
  color: #2196f3;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
}
</style>